<template>
  <div>
    <TypeNav></TypeNav>
    <!-- 三级导航组件 -->
    <ListContainer></ListContainer>
    <TodayRecommend></TodayRecommend>
    <Rank></Rank>
    <Link></Link>
    <Floor 
    v-for="floor in floorList" 
    :key="floor.id" 
    :className="'floor-swiper'+floor.id"
    :floor="floor"
    ></Floor>
    <Brand></Brand>
  </div>
</template>

<script>
// import TypeNav from "./TypeNav";
import ListContainer from "./ListContainer";
import TodayRecommend from "./TodayRecommend";
import Rank from "./Rank";
import Link from "./Link";
import Floor from "./Floor";
import Brand from "./Brand";

import {mapState} from 'vuex'

export default {
  name: "Home",
  components: {
    // TypeNav,
    ListContainer,
    TodayRecommend,
    Rank,
    Link,
    Floor,
    Brand,
  },

  computed:{
    ...mapState('home',["floorList"])
  },
  mounted(){
    this.$store.dispatch('home/getFloorListData')
  }
};
</script>

<style></style>
